* {
	padding: 0 auto;
	margin: 0 auto;
}

div {
	float: left;
}

.home {
	width: 100%;
	height: 18rem;
	padding: 5rem;
	background: linear-gradient(90deg, #00aaff, #0085ff);
}

.home-loaction {
	width: 5rem;
	height: 5rem;
	float: left;
}

.home-title {
	color: white;
	font-size: 5rem;
	font-weight: bold;
	margin-left: 1rem;
	margin-top: -1rem;
	float: left;
}

.home-down {
	float: left;
	width: 5rem;
	margin-top: 1.7rem;
	margin-left: 1rem;
}

.home-search {
	width: 100%;
	background-color: white;
	height: 10.5rem;
	margin-top: 4.25rem;
	text-align: center;
	line-height: 10.5rem;
}

.home-search-span {
	font-size: 4rem;
	font-family: '宋体';
	color: #999;
}

.home-search-span::before {
	content: '';
	display: inline-block;
	background: url(../IMG/search.png) no-repeat;
	background-size: 100% 100%;
	width: 4rem;
	height: 4rem;
	margin-right: 1rem;
	margin-bottom: -1rem;
}

.main {
	width: 100%;
	height: 40rem;
	margin-top: 4rem;
}

.main .main-item {
	width: 20%;
	height: 18.75rem;
	text-align: center;
}

.main .main-item .main-item-img {
	width: 14rem;
}

.main .main-item .main-item-content {
	color: #666;
	font-size: 3.125rem;
}

.vip {
	width: 100%;
	height: 50rem;
}

.vip-food {
	width: 100%;
	height: 32rem;
	position: relative;
	background: linear-gradient(0deg, #f4f4f4 5%, #fafafa 95%);
}

.vip-food-title {
	font-weight: 700;
	color: #555;
	font-size: 5rem;
	margin-left: 3rem;
	margin-top: 3rem;
}

.vip-food-memo {
	color: #777;
	font-size: 3.8rem;
	margin-left: 3rem;
	margin-top: 1rem;
}

.vip-food-btn {
	font-size: 3.5rem;
	color: #af8260;
	font-weight: 700;
	margin-left: 3rem;
	margin-top: 1rem;
}

.vip .vip-food img {
	width: 45rem;
	position: absolute;
	right: 2.5rem;
	top: 1.25rem;
}

.vip-packet {
	width: 100%;
	height: 12rem;
	background: linear-gradient(90deg, #ffefc4, #f3dda0);
	margin-top: 1rem;
	border-radius: 5px;
	line-height: 12rem;
	position: relative;
}

.vip .vip-packet img{
	width: 6.25rem;
	left: 3.125rem;
	top: 2.5rem;
	position: absolute;
}

.vip-packet-svip {
	font-weight: 700;
	color: #644f1b;
	font-size: 4rem;
	margin-left: 12rem;
}

.vip-packet-memo{
	color: #644F1B;
	font-size: 3rem;
	margin-left: 1rem;
}

.vip-packet-receive{
	color: #644F1B;
	font-size: 3rem;
	margin-left: 17rem;
}

.recommend{
	width: 100%;
	text-align: center;
	height: 12.5rem;
	font-size: 4rem;
	color: #000;
}

.recommend::before,
.recommend::after {
	content: '';
	width: 6.25rem;
	height: 0.2rem;
	display: inline-block;
	background: #d1d4db;
	vertical-align: 1rem;
	margin: 0px 2rem;
}

.sort{
	width: 100%;
	height: 6.25rem;
}

.sort .sort-ul{
	list-style: none;
}

.sort .sort-ul li{
	float: left;
	margin-right: 10.6rem;
	font-size: 3.8rem;
	color: #666;
}

.sort .sort-ul .sort-ul-down::after{
	content: '';
	display: inline-block;
	width: 5rem;
	height: 5rem;
	background: url(../IMG/down1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
}

.sort .sort-ul .sort-ul-sort::after{
	content: '';
	display: inline-block;
	width: 5rem;
	height: 5rem;
	background: url(../IMG/sort.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
}

.tabbar{
	width: 100%;
	height: 15rem;
	position: fixed;
	bottom: 0;
	left: 0;
	background: white;
	border-top: 1px solid #666;
	/* box-shadow: -10px 0 1px #666; */
}

.tabbar .tabbar-item{
	width: 25%;
	height: 15rem;
	text-align: center;
}

.tabbar .tabbar-item p{
	margin-top: 0.625rem;
	font-size: 3rem;
}

.tabbar .tabbar-item img{
	margin-top: 1.8rem;
	width: 7rem;
	height: 7rem;
}

.store{
	width: 100%;
	height: 100%;
	margin-top: 0.6rem;
}

.store-card{
	width: 100%;
	height: 50rem;
	border-bottom: 0.5rem solid rgba(200,200,200,0.4);
}

.store .store-card .store-card-leftbox{
	width: 22%;
	height: 50rem;
}

.store .store-card .store-card-leftbox img{
	width: 90%;
	margin-top: 3rem;
}

.store .store-card .store-card-rightbox{
	width: 78%;
	height: 50rem;
	position: relative;
}

.store .store-card .store-card-rightbox .store-card-rightbox-title{
	font-size: 4rem;
	color: #333;
	font-weight: 700;
	margin-top: 2rem;
}

.store .store-card .store-card-rightbox .store-card-rightbox-title span{
	background: linear-gradient(-139deg,#fff100,#ffe339);
	color: #6f3f15;
	font-size: 3rem;
	padding: 0.7rem;
	border-radius: 6px;
}

.store .store-card .store-card-rightbox img{
	margin-top: 3rem;
	width: 18rem;
}

.store .store-card .store-card-rightbox .store-card-rightbox-sell{
	font-size: 3rem;
	color: #666;
}

.store .store-card .store-card-rightbox .store-card-rightbox-delivery{
	font-size: 3rem;
	color: #666;
	margin-top: 2rem;
}

.store .store-card .store-card-rightbox .store-card-rightbox-time{
	font-size: 3rem;
	color: #999;
	position: absolute;
	right: 0;
	top: 16rem;
}

.store .store-card .store-card-rightbox .store-card-rightbox-type{
	font-size: 3rem;
	color: #666;
	margin-top: 3rem;
	border: 1px solid rgb(211,211,211);
	display: inline-block;
	padding: 0 0.6rem;
}

.store .store-card .store-card-rightbox .store-card-rightbox-line{
	width: 100%;
	height: 1px;
	border: 0.5px dashed rgba(200,200,200,0.6);
	margin-top: 3rem;
}

.store .store-card .store-card-rightbox .store-card-rightbox-money1{
	margin-top: 5rem;
	font-size: 3rem;
	color: #666;
}

.store .store-card .store-card-rightbox .store-card-rightbox-money1 span{
	color: white;
	background: rgb(240,115,115);
	padding: 0.1rem 0.7rem;
	border-radius: 5px;
}

.store .store-card .store-card-rightbox .store-card-rightbox-money2{
	margin-top: 3rem;
	font-size: 3rem;
	color: #666;
}

.store .store-card .store-card-rightbox .store-card-rightbox-money2 span{
	color: white;
	background: rgb(112,188,70);
	padding: 0.1rem 0.7rem;
	border-radius: 5px;
}
